<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/index.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/index.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">

    <link href="./goldIndex_files/maskComponent.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" async="" src="./goldIndex_files/s.js.下载"></script>
    <script type="text/javascript" async="" src="./goldIndex_files/mba_ctrip.js.下载"></script>
    <script type="text/javascript" async="" src="./goldIndex_files/thirdPart.js.下载"></script>
    <script type="text/javascript" async="" src="./goldIndex_files/__nts.js.下载"></script>
    <script type="text/javascript" async="" src="./goldIndex_files/remarketing.js.下载"></script>
    <script async="" src="./goldIndex_files/analytics.js.下载"></script>
    <script type="text/javascript" async="" src="./goldIndex_files/pcfloat.min.js.下载"></script>
    <script type="text/javascript" id="rmsd__script" async="" src="./goldIndex_files/d.min.661c0503.js.下载"
            crossorigin="anonymous"></script>
    <script type="text/javascript" charset="utf-8" async="" defer="defer" crossorigin="anonymous"
            src="./goldIndex_files/marinRedirect.js.下载"></script>
    <script type="text/javascript" charset="utf-8" async="" defer="defer" crossorigin="anonymous"
            src="./goldIndex_files/rms.js.下载"></script>

    <script type="text/javascript">var sharetitle = document.title;
    var MobileWebAddress = {
        "fat": "http://m.ctrip.fat411.qa.nt.ctripcorp.com/webapp/mall",
        "uat": "http://m.ctrip.uat.qa.nt.ctripcorp.com/webapp/mall",
        "prd": "https://m.ctrip.com/webapp/mall"
    };
    var EVN = window.location.href.match('fat') || window.location.href.match('uat') || 'prd';
    var userAgent = navigator.userAgent;
    var isOpera = userAgent.indexOf("Opera") > -1;
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera;
    if (isIE) {
        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
        reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
        if (fIEVersion == 7) {
            alert("您的浏览器版本过低，如页面显示不正常，建议将浏览器升级至最新版本。");
        } else if (fIEVersion == 8) {
            alert("您的浏览器版本过低，如页面显示不正常，建议将浏览器升级至最新版本。");
        } else if (fIEVersion == 9) {

        } else if (fIEVersion == 10) {

        } else if (fIEVersion == 11) {

        } else {
            alert("您的浏览器版本过低，如页面显示不正常，建议将浏览器升级至最新版本。");
        }
    }

    function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
            "SymbianOS", "Windows Phone",
            "iPad", "iPod"
        ];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) {
                flag = false;
                break;
            }
        }
        return flag;
    }

    if (!IsPC()) {
        //对积分专区做特殊处理
        if (location.pathname == "/list" && location.search == "?categoryID=-2") {
            location.href = MobileWebAddress[EVN] + "/pointList";
        }
        location.href = MobileWebAddress[EVN] + location.pathname + location.search;
    }</script>
    <link href="./goldIndex_files/app.86ef95d398ed46d84c457c5b17d79f67.css" rel="stylesheet">
    <script type="text/javascript" charset="utf-8" async=""
            src="./goldIndex_files/1.b833593b4fa79fa330c0.js.下载"></script>
    <script type="text/javascript" src="./goldIndex_files/login.defaultconfig.js.下载"></script>
    <script type="text/javascript" src="./goldIndex_files/data.message.js.下载"></script>
    <script type="text/javascript" src="./goldIndex_files/data.url.js.下载"></script>
    <script type="text/javascript" src="./goldIndex_files/checkformat.js.下载"></script>
    <script type="text/javascript" src="./goldIndex_files/js-apss.js.下载"></script>
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_"
            data-requiremodule="https://webresource.c-ctrip.com/ares2/basebiz/countryCode/~1.0.0/default/country.online.js"
            src="./goldIndex_files/country.online.js.下载"></script>
    <link href="./goldIndex_files/PageHeader_V4.css" rel="stylesheet">
    <style type="text/css">.text-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .index-ad-wrap {
        height: 340px;
        background: #fff
    }

    .index-ob-wrap {
        position: relative;
        width: 1180px;
        margin: 0 auto;
        height: 100%
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/pages/index.vue */
    </style>
    <style type="text/css">.market-banner-wrap .dot-wrap .dot-group {
        width: inherit !important
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/index/adBanner.vue */
    </style>
    <style type="text/css">.text-ellipsis[data-v-1095fa10] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .order-block[data-v-1095fa10] {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: -300px;
        height: 255px;
        width: 265px;
        border-radius: 6px;
        background-color: #fff;
        text-align: center;
        -webkit-box-shadow: 0 0 1px 0 #e6e6e6;
        box-shadow: 0 0 1px 0 #e6e6e6
    }

    .order-block-button[data-v-1095fa10] {
        display: inline-block;
        background: #e85959;
        color: #fff;
        height: 35px;
        line-height: 35px;
        width: 180px;
        border-radius: 4px;
        margin-top: -7px;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .order-block-button[data-v-1095fa10]:hover {
        background: #05d9c8
    }

    .order-block-logo[data-v-1095fa10] {
        display: inline-block;
        height: 200px;
        width: 220px
    }

    .order-block-logo img[data-v-1095fa10] {
        width: 50%;
        height: auto;
        padding-top: 30px
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/index/orderBlock.vue */
    </style>
    <style type="text/css">.text-ellipsis[data-v-168cc0b8] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .category-list-wrap[data-v-168cc0b8] {
        margin-top: 25px;
        margin-bottom: 20px
    }

    .category-list-wrap li[data-v-168cc0b8] {
        float: left;
        margin: 0 19.1px;
        width: 60px;
        text-align: center
    }

    .category-list-wrap li:hover .category-title[data-v-168cc0b8] {
        color: #05d9c8
    }

    .category-icon-wrap[data-v-168cc0b8] {
        font-size: 0
    }

    .category-title[data-v-168cc0b8] {
        margin-top: 5px;
        text-align: center
    }

    .sp[data-v-168cc0b8] {
        width: 60px;
        height: 60px;
        background-size: contain
    }

    .icon-nav-0[data-v-168cc0b8] {
        background: url("https://images4.c-ctrip.com/img3/marketing/yp/pc/nav.png");
        background-size: initial;
        background-position: -5px -10px
    }

    .icon-nav-1[data-v-168cc0b8] {
        background-size: initial;
        background-position: -65px -10px
    }

    .icon-nav-2[data-v-168cc0b8] {
        background-size: initial;
        background-position: -125px -10px
    }

    .icon-nav-3[data-v-168cc0b8] {
        background-size: initial;
        background-position: -185px -10px
    }

    .icon-nav-4[data-v-168cc0b8] {
        background-size: initial;
        background-position: -245px -10px
    }

    .icon-nav-5[data-v-168cc0b8] {
        background-size: initial;
        background-position: -305px -10px
    }

    .icon-nav-6[data-v-168cc0b8] {
        background-size: initial;
        background-position: -365px -10px
    }

    .icon-nav-7[data-v-168cc0b8] {
        background-size: initial;
        background-position: -425px -10px
    }

    .icon-nav-8[data-v-168cc0b8] {
        background-size: initial;
        background-position: -485px -10px
    }

    .icon-nav-9[data-v-168cc0b8] {
        background-size: initial;
        background-position: -545px -10px
    }

    .icon-nav-10[data-v-168cc0b8] {
        background-size: initial;
        background-position: -605px -10px
    }

    .icon-nav-11[data-v-168cc0b8] {
        background-size: initial;
        background-position: -665px -10px
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/index/categoryList.vue */
    </style>
    <style type="text/css">.text-ellipsis[data-v-e0bf63ba] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .block-top[data-v-e0bf63ba] {
        padding-top: 55px
    }

    .block-middle[data-v-e0bf63ba] {
        padding-top: 35px
    }

    .block-title[data-v-e0bf63ba] {
        float: left;
        font-size: 32px;
        font-weight: 400;
        color: #343434
    }

    .block-tap[data-v-e0bf63ba] {
        float: right;
        line-height: 38px
    }

    .block-tap li[data-v-e0bf63ba] {
        display: inline-block;
        margin-left: 20px;
        cursor: pointer
    }

    .block-tap li.active[data-v-e0bf63ba] {
        color: #05d9c8;
        font-weight: 700
    }

    .block-tap li[data-v-e0bf63ba]:hover {
        color: #05d9c8
    }

    .block-more[data-v-e0bf63ba] {
        width: 200px;
        height: 70px;
        background: hsla(0, 0%, 100%, .9);
        color: #343434;
        font-weight: 700;
        text-align: center;
        line-height: 70px;
        margin: 0 auto;
        margin-top: 530px
    }

    .block-more[data-v-e0bf63ba]:hover {
        color: #05d9c8
    }

    .block-more[data-v-e0bf63ba]:hover:after {
        border-color: #05d9c8
    }

    .block-more[data-v-e0bf63ba]:after {
        display: inline-block;
        content: "";
        margin-left: 10px;
        margin-bottom: 2px;
        height: 6px;
        width: 6px;
        border-top: 1px solid #343434;
        border-right: 1px solid #343434;
        -webkit-transform-origin: 3px 3px;
        transform-origin: 3px 3px;
        -ms-transform-origin: 3px 3px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }

    .block-content[data-v-e0bf63ba] {
        float: left;
        width: 920px;
        margin-left: -2px
    }

    .block-content .product-wrap[data-v-e0bf63ba] {
        margin: 0 0 10px 10px
    }

    [class|=block-plate][data-v-e0bf63ba] {
        float: left;
        width: 260px;
        height: 620px;
        margin-bottom: 35px;
        background-color: #f2f2f2;
        background-size: cover;
        background-repeat: no-repeat
    }

    .block-plate-1[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/bag.fffc787.jpg)
    }

    .block-plate-2[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/beauty.0bd412d.jpg)
    }

    .block-plate-3[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/outing.2387b61.jpg)
    }

    .block-plate-4[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/daily.f65ff23.jpg)
    }

    .block-plate-5[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/clothing.c63eebd.jpg)
    }

    .block-plate-6[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/car.179fdd2.jpg)
    }

    .block-plate-7[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/mobile.03554d6.jpg)
    }

    .block-plate-8[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/socks.4c953ed.jpg)
    }

    .block-plate-9[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/digital.b2dfbd6.jpg)
    }

    .block-plate-10[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/souvenir.47515ca.jpg)
    }

    .block-plate-11[data-v-e0bf63ba] {
        background-image: url(/mallOnlineFront/dist/static/img/ticket.b533059.jpg)
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/index/categorySection.vue */
    </style>
    <style type="text/css">.text-ellipsis[data-v-0ca8510d] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .right-wrap[data-v-0ca8510d] {
        position: fixed;
        z-index: 999;
        margin-left: 640px;
        left: 50%;
        top: 50px;
        width: 80px
    }

    .right-list[data-v-0ca8510d] {
        position: relative;
        border: 1px solid #e6e6e6;
        background: #fff;
        top: 0
    }

    .right-list li[data-v-0ca8510d] {
        white-space: nowrap;
        border-bottom: 1px solid #fff;
        height: 50px;
        width: 80px;
        text-align: center;
        line-height: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
        cursor: pointer
    }

    .right-list li.active[data-v-0ca8510d] {
        font-weight: 700;
        background: #05d9c8;
        color: #fff
    }

    .right-list li[data-v-0ca8510d]:hover {
        font-weight: 700
    }

    .right-list li[data-v-0ca8510d]:after {
        display: block;
        content: "";
        width: 60px;
        height: 1px;
        margin: 0 auto;
        background: #f6f6f6
    }

    .right-list li[data-v-0ca8510d]:last-child {
        border-bottom: none
    }

    .right-list li[data-v-0ca8510d]:last-child:after {
        display: none
    }

    .right-list + .right-opt[data-v-0ca8510d] {
        margin-top: 0
    }

    .right-opt[data-v-0ca8510d] {
        position: relative;
        top: 0;
        margin-top: 655px;
        text-align: center
    }

    .right-opt i[data-v-0ca8510d] {
        margin-top: 12px
    }

    .right-opt span:hover .right-qr-wrap[data-v-0ca8510d] {
        display: block
    }

    .right-qr-wrap[data-v-0ca8510d] {
        display: none;
        position: absolute;
        height: 360px;
        width: 280px;
        -webkit-box-shadow: 0 0 1px 1px #05d9c8;
        box-shadow: 0 0 1px 1px #05d9c8;
        left: -300px;
        top: -195px;
        background: #fff;
        border-radius: 9px
    }

    .right-qr-wrap[data-v-0ca8510d]:after {
        position: absolute;
        display: inline-block;
        bottom: 22px;
        right: -12px;
        -webkit-transform-origin: 10px 10px;
        transform-origin: 10px 10px;
        -ms-transform-origin: 10px 10px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        height: 20px;
        width: 20px;
        background: inherit;
        border-top: 1px solid #05d9c8;
        border-right: 1px solid #05d9c8
    }

    .right-qr-wrap h5[data-v-0ca8510d] {
        margin-top: 35px;
        font-size: 20px;
        font-weight: 700;
        color: #343434;
        line-height: 30px
    }

    .right-qr-wrap h5 + img[data-v-0ca8510d] {
        margin-top: 40px
    }

    .right-qr-wrap h6[data-v-0ca8510d] {
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 30px
    }

    .right-qr-img[data-v-0ca8510d] {
        width: 75%;
        height: auto
    }

    .fall-enter[data-v-0ca8510d], .fall-leave-active[data-v-0ca8510d] {
        opacity: 0;
        top: -155px
    }

    .fall-enter-active[data-v-0ca8510d], .fall-leave-active[data-v-0ca8510d] {
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .up-enter[data-v-0ca8510d], .up-leave-active[data-v-0ca8510d] {
        opacity: 0;
        top: 55px
    }

    .up-enter-active[data-v-0ca8510d], .up-leave-active[data-v-0ca8510d] {
        -webkit-transition: all .3s;
        transition: all .3s
    }

    @media screen and (max-width: 1480px) {
        .right-wrap[data-v-0ca8510d] {
            margin: 0;
            left: auto;
            right: 18px
        }
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/common/rightBlock.vue */
    </style>
    <style type="text/css">.text-ellipsis[data-v-d06ba346] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .footer-block-wrap[data-v-d06ba346] {
        clear: both
    }

    .footer-block-investment[data-v-d06ba346] {
        margin: 0 auto;
        margin-top: 10px;
        width: 1180px
    }

    .footer-block-investment img[data-v-d06ba346] {
        width: 100%;
        height: auto
    }

    .footer-block-about[data-v-d06ba346] {
        height: 380px;
        background: #fbfbfb
    }

    .footer-block-about ul[data-v-d06ba346] {
        padding-top: 60px;
        margin: 0 auto;
        width: 1180px
    }

    .footer-block-about ul li[data-v-d06ba346] {
        position: relative;
        display: inline-block;
        width: 33.3%;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }

    .footer-block-about ul li[data-v-d06ba346]:after {
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
        content: "";
        width: 1px;
        height: 270px;
        background: #eee
    }

    .footer-block-about ul li h5[data-v-d06ba346] {
        font-size: 20px;
        font-weight: 700;
        color: #343434;
        line-height: 30px
    }

    .footer-block-about ul li h5 + img[data-v-d06ba346] {
        margin-top: 45px
    }

    .footer-block-about ul li h6[data-v-d06ba346] {
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 20px
    }

    .footer-block-about ul li[data-v-d06ba346]:last-child:after {
        display: none
    }

    .footer-block-promise[data-v-d06ba346] {
        text-align: center;
        height: 150px;
        line-height: 150px
    }

    .footer-block-promise li[data-v-d06ba346] {
        width: 290px;
        display: inline-block
    }

    .footer-block-promise li > [data-v-d06ba346] {
        vertical-align: middle
    }

    .footer-block-promise li span[data-v-d06ba346] {
        margin-left: 5px;
        color: #343434;
        font-size: 20px
    }

    .footer-block-qrcode[data-v-d06ba346] {
        width: 50%;
        height: auto
    }

    .footer-block-logo[data-v-d06ba346] {
        padding-top: 32px;
        width: 180px;
        height: auto
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/common/footerBlock.vue */
    <
    script type

    =
    "text/javascript"
    src

    =
    "./goldIndex_files/qCode.min.js.下载"
    > <

    /
    script > < script type

    =
    "text/javascript"
    src

    =
    "./goldIndex_files/yUtil.min.js.下载"
    > <

    /
    script > < script type

    =
    "text/javascript"
    src

    =
    "./goldIndex_files/floating_normal.min.js.下载"
    > <

    /
    script > < style type

    =
    "text/css"
    > .text-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .special-list-wrap {
        background: #f6f6f6;
        height: 560px;
        padding-top: 35px
    }

    .special-list-wrap .list-title {
        text-align: center;
        font-weight: 400;
        margin-bottom: 50px
    }

    .special-list-wrap .list-title i {
        vertical-align: middle;
        margin-right: 20px
    }

    .special-list-wrap .list-title span {
        display: inline-block;
        font-size: 32px;
        vertical-align: middle
    }

    .special-list-wrap .list-control {
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .special-list-wrap .list-control > * {
        vertical-align: middle
    }

    .special-list-wrap .list-control .list-mask {
        display: inline-block;
        width: 1200px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden
    }

    .special-list-wrap .list-control .list-mask .list-content {
        position: relative;
        padding: 5px 10px;
        white-space: nowrap;
        -webkit-transition: left .3s;
        transition: left .3s
    }

    .special-list-wrap .list-control .disabled .icon-arrow-left:hover, .special-list-wrap .list-control .disabled .icon-arrow-right:hover {
        background: #e9e9e9
    }

    .special-list-wrap .list-control .icon-arrow-left {
        margin-right: 20px
    }

    .special-list-wrap .list-control .icon-arrow-right {
        margin-left: 20px
    }

    @media screen and (max-width: 1330px) {
        .list-control > a {
            display: none
        }
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/index/specialList.vue */
    </style>
    <style type="text/css">.special-item .item-sell .span1[data-v-8f9b5c8e], .special-item .item-sell .span2[data-v-8f9b5c8e], .special-item h4[data-v-8f9b5c8e], .special-item h5[data-v-8f9b5c8e], .text-ellipsis[data-v-8f9b5c8e] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .special-item[data-v-8f9b5c8e] {
        display: inline-block;
        background: #fff;
        width: 280px;
        height: 390px;
        margin-right: 20px;
        position: relative;
        -webkit-transition: all .3s;
        transition: all .3s;
        vertical-align: top;
        cursor: pointer
    }

    .special-item[data-v-8f9b5c8e]:hover {
        -webkit-box-shadow: 0 0 1px 1px #05d9c8;
        box-shadow: 0 0 1px 1px #05d9c8
    }

    .special-item:hover img[data-v-8f9b5c8e] {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }

    .special-item img[data-v-8f9b5c8e] {
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .special-item .item-top[data-v-8f9b5c8e] {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        text-align: center;
        z-index: 3
    }

    .special-item .item-img[data-v-8f9b5c8e] {
        margin: 10px 10px 0
    }

    .special-item .item-tag[data-v-8f9b5c8e] {
        position: relative;
        margin-top: -27px;
        text-align: center
    }

    .special-item .item-sell[data-v-8f9b5c8e] {
        margin-top: 10px;
        text-align: center
    }

    .special-item .item-sell .span1[data-v-8f9b5c8e] {
        display: inline-block;
        margin-right: 5px;
        color: #e85959;
        font-size: 24px;
        vertical-align: middle;
        max-width: 95px
    }

    .special-item .item-sell .span2[data-v-8f9b5c8e] {
        display: inline-block;
        margin-right: 5px;
        color: #a3a3a3;
        font-size: 16px;
        vertical-align: middle;
        max-width: 65px;
        text-decoration: line-through
    }

    .special-item .item-sell .bubble[data-v-8f9b5c8e] {
        vertical-align: middle
    }

    .special-item h4[data-v-8f9b5c8e], .special-item h5[data-v-8f9b5c8e] {
        padding: 0 10px;
        text-align: center
    }

    .special-item h4[data-v-8f9b5c8e] {
        margin-top: 15px;
        color: #343434;
        font-size: 14px
    }

    .special-item h5[data-v-8f9b5c8e] {
        margin-top: 7px;
        font-weight: 400;
        color: #a3a3a3;
        font-size: 12px;
        min-height: 15px
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/index/specialItem.vue */
    </style>
    <style type="text/css">.product-price .span1[data-v-0f180bea], .product-price .span2[data-v-0f180bea], .text-ellipsis[data-v-0f180bea] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .product-wrap[data-v-0f180bea] {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding: 30px 20px 0;
        margin: 5px;
        width: 220px;
        height: 320px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
        cursor: pointer
    }

    .product-wrap[data-v-0f180bea]:hover {
        -webkit-box-shadow: 0 0 1px 1px #05d9c8;
        box-shadow: 0 0 1px 1px #05d9c8
    }

    .product-wrap:hover img[data-v-0f180bea] {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1)
    }

    .product-wrap.frameless[data-v-0f180bea] {
        margin: 0
    }

    .product-wrap.frameless[data-v-0f180bea]:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .product-wrap img[data-v-0f180bea] {
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .product-wrap h4[data-v-0f180bea] {
        margin-top: 15px;
        text-align: center;
        line-height: 18px;
        font-weight: 400;
        max-height: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .product-tag[data-v-0f180bea] {
        position: relative;
        margin-top: -27px;
        text-align: center
    }

    .product-title[data-v-0f180bea] {
        margin-top: 10px
    }

    .product-title span[data-v-0f180bea] {
        margin-right: 5px
    }

    .product-title h4[data-v-0f180bea] {
        display: inline
    }

    .product-price[data-v-0f180bea] {
        left: 0;
        width: 100%;
        bottom: 20px;
        position: absolute;
        text-align: center;
        line-height: 20px
    }

    .product-price .span1[data-v-0f180bea] {
        display: inline-block;
        margin-right: 5px;
        color: #e85959;
        font-size: 16px;
        vertical-align: middle;
        max-width: 95px
    }

    .product-price .span1 .small[data-v-0f180bea] {
        font-size: 12px
    }

    .product-price .span2[data-v-0f180bea] {
        display: inline-block;
        margin-right: 5px;
        color: #a3a3a3;
        font-size: 14px;
        vertical-align: middle;
        max-width: 65px
    }

    .product-price .span2.cut[data-v-0f180bea] {
        text-decoration: line-through
    }

    .product-price .bubble[data-v-0f180bea] {
        vertical-align: middle
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/common/productItem.vue */
    </style>
    <style type="text/css">.text-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .bubble {
        display: inline-block;
        border-radius: 2px;
        height: 20px;
        line-height: 20px;
        padding: 0 5px;
        position: relative
    }

    .bubble:after {
        position: absolute;
        content: "";
        left: -5px;
        top: 5px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-right: 5px solid;
        border-bottom: 5px solid transparent
    }

    .bubble-primary {
        font-size: 12px;
        color: #fff;
        background: #05d9c8
    }

    .bubble-primary:after {
        border-right-color: #05d9c8
    }

    .bubble-bright {
        font-size: 12px;
        color: #fff;
        background: -webkit-gradient(linear, left top, right top, from(#ff884e), to(#fb4b6f));
        background: linear-gradient(90deg, #ff884e, #fb4b6f);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff884e, endColorstr=#fb4b6f)
    }

    .bubble-bright:after {
        border-right-color: #ff884e
    }

    .bubble-brown {
        font-size: 12px;
        color: #fff;
        background: -webkit-gradient(linear, left top, right top, from(#f0c383), to(#f3ab44));
        background: linear-gradient(90deg, #f0c383, #f3ab44);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#f0c383, endColorstr=#f3ab44)
    }

    .bubble-brown:after {
        border-right-color: #f0c383
    }

    .bubble-diamond {
        font-size: 12px;
        color: #ffd68f;
        background: -webkit-gradient(linear, left top, right top, from(#6f6f6f), to(#313131));
        background: linear-gradient(90deg, #6f6f6f, #313131);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#313131, endColorstr=#6F6F6F)
    }

    .bubble-diamond:after {
        border-right-color: #6f6f6f
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/common/bubble.vue */
    </style>
    <style type="text/css">.text-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .label-wrap {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        text-align: center;
        z-index: 3
    }

    .label {
        height: 30px;
        line-height: 30px;
        color: #fff;
        border-radius: 0 0 5px 5px
    }

    .label, .label > span {
        display: inline-block
    }

    .label > span {
        padding: 0 12px
    }

    .label.label-primary {
        background: #05d9c8
    }

    .label.label-bright {
        position: relative;
        background: -webkit-gradient(linear, left top, right top, from(#ff884e), to(#fb4b6f));
        background: linear-gradient(90deg, #ff884e, #fb4b6f);
        overflow: hidden
    }

    .label.label-bright > span {
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff884e, endColorstr=#fb4b6f)
    }

    .label.label-gold {
        position: relative;
        background: -webkit-gradient(linear, left top, right top, from(#f0c383), to(#f3ab44));
        background: linear-gradient(90deg, #f0c383, #f3ab44);
        overflow: hidden
    }

    .label.label-gold > span {
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#f0c383, endColorstr=#f3ab44)
    }

    .label.label-diamond {
        position: relative;
        background: -webkit-gradient(linear, left top, right top, from(#6f6f6f), to(#313131));
        background: linear-gradient(90deg, #6f6f6f, #313131);
        overflow: hidden;
        color: #ffd68f
    }

    .label.label-diamond > span {
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#313131, endColorstr=#6F6F6F)
    }

    /*# sourceURL=g:/work/mallonline/mktypmall-mallonline/src/main/webapp/mallOnlineFront/src/components/common/productLabel.vue */
    </style>


    <style type="text/css">.random-KEr8HzSC5KrD {
        background: #6dd9be !important;
        color: #ffffff !important
    }</style>
    <link type="text/css" rel="stylesheet" href="./goldIndex_files/swiper.css">
    <script type="text/javascript" charset="utf-8" async="" src="./goldIndex_files/adsdkswiper.min.js.下载"></script>
    <style>.slide5ce4f45e-961d-b19e-c2e7-15664fc06747 .swiper-pagination-bullet-active {
        background: #007aff !important;
        opacity: 1 !important;
    }</style>
    <noscript>
        <div style="display: inline;"><img width="1" height="1" src="./goldIndex_files/saved_resource"
                                           style="border: none;">
        </div>
    </noscript>
    <link type="text/css" rel="stylesheet" href="./goldIndex_files/pc_flaot.css">
    <script>
        $(function () {
            //查询
            $("#_j_index_search_btn_all").click(function () {
                var type = $(".tab-selected").data("index");
                $("#searchType").val(type);
                $("#kwSearchForm").submit();
            })


            //默认游记list
            $("#searchForm").ajaxForm(function (data) {
                $("#_j_tn_content").html(data);
            });
            $("#searchForm").submit();

            //排序
            $(".orderTypeBtn").click(function () {
                $(this).closest("li").addClass("active");
                var type = $(this).data("type");
                $("#currentPage").val(1);
                $("#orderType").val(type);
                $("#searchForm").submit();
            });

        })


    </script>
<style>
    .box {
        width: 300px;
        height: 40px;
        margin: 25px auto;  /*大盒子页面居中 */
        position: relative;
    }
    #search {
        width: 100px;
        height: 40px;
        float: contour;
        background-color: #3385FF;
        color: white;
        border: none;
        font-size: 16px;


    }

    #keywords {
        position: absolute;  /* ul相对父盒子定位 */
        top: 40px;
        left: 0;
        border: 1px solid #CCCCCC;
        border-top: none;
        list-style: none;  /* 去除无序列表默认自带的小圆点 */
        width: 498px;
        display: none;  /* 把ul隐藏起来，在获得相关内容时再显示出来，这样在搜索之前，页面只有一个搜索框和按钮 */
        font-size: 20px;
        z-index: 3;
    }
    .top{
        width: 605px;
        height: 40px;
    }



</style>



    <!-- 页面css样式 -->
    <link rel="stylesheet" href="/ceshi/css/tuniu.css" />

    <!-- js文件 -->
    <script src="/ceshi/js/jquery-2.1.4.min.js"></script>
    <script src="/ceshi/js/index.js"></script>
</head>


<body>
    <#assign currentNav="gold">
    <#include "../common/navbar.ftl">



<style>
    body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
    li, dl, dt, dd, form, a, fieldset, input, th, td
    {margin: 0; padding: 0; border: 0; outline: none;list-style-type: none;overflow-x:none  }
    body{line-height: 1;font-size: 88% ;font-family: "微软雅黑"}
    h1, h2, h3, h4, h5, h6{font-size: 100%; margin: 0 ;font-weight: 400;padding:0;}
    ul, ol{list-style: none;}
    a{color:#404040;text-decoration: none;}

</style>

<div class="center">
    <div class="center_top">
        <!-- <==========================================================> -->
        <!-- 轮播图开始区域 -->
        <!-- <div id="bannar"> -->
        <div class="content_middle">
            <div class="common_da">

                <a class="common btnLeft"href="javascript:;"></a>
                <a class="common btnRight"href="javascript:;"></a>

            </div>


            <ul>
                <li style="background:url(/ceshi/images/bg1.jpeg) no-repeat center center;opacity: 100;filter: alpha(opacity=1);"></li>
                <li style="background:url(/ceshi/images/bg2.jpeg) no-repeat center center;"></li>
                <li style="background:url(/ceshi/images/bg3.jpeg) no-repeat center center;"></li>
                <li style="background:url(/ceshi/images/bg4.jpeg) no-repeat center center;"></li>
                <li style="background:url(images/bg5.jpeg) no-repeat center center;"></li>
                <li style="background:url(images/bg6.jpeg) no-repeat center center;"></li>
            </ul>
            <div class="table">
                <a class="small_active"href="javascript:;">跨年购心动价</a>
                <a href="javascript:;">五折秒杀周边游</a>
                <a href="javascript:;"> 跟台湾宝贝趴趴走</a>
                <a href="javascript:;">国内最高减1000</a>
                <a href="javascript:;">迪拜新年特惠</a>
                <a href="javascript:;">日韩东南亚专场</a>

            </div>
        </div>
    </div>
</div>







<div class="content-wrap">
    <!--<div class="app-content">-->


    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->
    <div id="nav_bh" class="cui_nav_behind" style="display:none;height:0px;"></div>
</div>
<div id="ActConfig_ID" style="display:none">[{"id":"48","onlinetime":"2019/08/20 00:00:23$2019/08/31
    23:55:21"},{"id":"47","onlinetime":"2019/08/20 00:00:23$2019/08/31 23:55:21"},{"id":"43","onlinetime":"2019/08/05
    14:20:03$2019/08/19 23:55:01"},{"id":"44","onlinetime":"2019/08/05 14:20:03$2019/08/19
    23:55:01"},{"id":"14","onlinetime":"2019/12/31 23:55:04$2200/08/08 16:19:09"},{"id":"15","onlinetime":"2018/12/13
    08:23:32$2180/12/31 23:55:09"}]
</div><input type="hidden" id="popfloating_isshow" value="0"><input type="hidden" id="siteDomainHeadFloat"
                                                                    value="ctrip"><input type="hidden" id="bsType"
                                                                                         value="0"><input type="hidden"
                                                                                                          id="formatTel"
                                                                                                          value="[{&#39;formatTelNum&#39;:&#39;95010&#39;,&#39;prefix&#39;:&#39;境内：&#39;,&#39;sortIndex&#39;:&#39;1&#39;,&#39;standardTelNum&#39;:&#39;SHMobile95010&#39;,&#39;suffix&#39;:&#39;&#39;},{&#39;formatTelNum&#39;:&#39;400-830-6666&#39;,&#39;prefix&#39;:&#39;（或）&#39;,&#39;sortIndex&#39;:&#39;2&#39;,&#39;standardTelNum&#39;:&#39;4008306666&#39;,&#39;suffix&#39;:&#39;&#39;},{&#39;formatTelNum&#39;:&#39;+ 852-3008-3295&#39;,&#39;prefix&#39;:&#39;香港（中国）：&#39;,&#39;sortIndex&#39;:&#39;3&#39;,&#39;standardTelNum&#39;:&#39;85230083295&#39;,&#39;suffix&#39;:&#39;&#39;},{&#39;formatTelNum&#39;:&#39;+ 86-21-3406-4888&#39;,&#39;prefix&#39;:&#39;境外：&#39;,&#39;sortIndex&#39;:&#39;4&#39;,&#39;standardTelNum&#39;:&#39;34064888&#39;,&#39;suffix&#39;:&#39;&#39;}]">
</div>



<div class="no-blank"><input type="hidden" id="page_id" value="10320673060">
    <nav data-v-168cc0b8="" class="main-wrap" style="position: static;">
        <ul data-v-168cc0b8="" class="category-list-wrap fn-clear">
            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp icon-nav-0"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">商城首页</div>
            </a></li>

            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=1&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730c10000000og8srD49E.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">日用</div>
            </a></li>

            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=2&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730v10000000oonda6D31.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">箱包</div>
            </a></li>
            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=3&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730510000000og3xd6895.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">户外</div>
            </a></li>
            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=4&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730p10000000ocqi8C7AB.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">个护</div>
            </a></li>
            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=5&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730110000000oqj2f1B28.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">数码</div>
            </a></li>
            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=6&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730110000000oqj3s6ECD.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">车品</div>
            </a></li>
            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=7&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730p10000000ocqm278CF.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">服饰</div>
            </a></li>
            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=8&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730u10000000odkveD3FC.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">伴手礼</div>
            </a></li>
            <li data-v-168cc0b8=""><a data-v-168cc0b8="" href="/gold/productType?currentPage=1&productTypeId=9&typeId=-1&type=1&orderBy=1" class=""
                                      target="_blank">
                <div data-v-168cc0b8="" class="category-icon-wrap"><i data-v-168cc0b8="" class="sp"
                                                                      style="background-image: url(&quot;https://dimg04.c-ctrip.com/images/730b10000000ofzwrE0CD.png&quot;);"></i>
                </div>
                <div data-v-168cc0b8="" class="category-title">权益</div>
            </a></li>
        </ul>
        <div class="el-loading-mask" style="display: none;">
            <div class="el-loading-spinner">
                <svg viewBox="25 25 50 50" class="circular">
                    <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
                </svg><!----></div>
        </div>
    </nav>

    <!-- 页面就只是一个简单文本框和按钮，在文本框底部用一个ul列表来展示相关内容 -->
    <div class="box">
        <div class="top">
            <input type="text" id="txt"/><input type="button" value="商品搜索" id="search"/>
        </div>
        <ul id="keywords"></ul>
    </div>


    <form class="form-inline" id="searchForm" action="/gold/keywordSearch" method="post">
        <#--<input type="hidden" name="currentPage" id="currentPage" value="${qo.currentPage}">-->
    <#--<input type="hidden" name="productTypeId" id="productTypeId" value="${qo.productTypeId}">
    <input type="hidden" name="typeId" id="typeId" value="${qo.typeId}">
    <input type="hidden" name="type" id="type" value="${qo.type}">-->
        <#--<input type="hidden" name="orderBy" id="orderBy" value="${qo.orderBy}">-->
        <input type="hidden" name="keyword" id="keyword" value="${(qo.keyword)!}">
    </form>

    <section class="special-list-wrap"><h3 class="list-title"><i class="sp icon-flag"></i> <span>每日特卖</span></h3>
        <div class="list-control">
            <div class="list-mask">
                <ul class="list-content" style="left: 0px;">
                    <#--每日特卖-->
                    <#list PUBLISH as p>
                    <li data-v-8f9b5c8e="" class="special-item"><a data-v-8f9b5c8e="" target="_blank"
                                                                   href="/gold/goldDetail?productId=${p.id}">
                        <div data-v-8f9b5c8e="" class="item-img">
                            <div data-v-8f9b5c8e="" class="img-wrap-square"><img data-v-8f9b5c8e=""
                                                                                 src="${p.oneCoverUrl}">
                            </div>
                        </div>
                        <div data-v-8f9b5c8e="" class="item-tag"><span data-v-8f9b5c8e="" class="tag tag-default">${p.convertGoldNum}积分兑换</span>
                        </div>
                        <h4 data-v-8f9b5c8e="" title="${p.productName} ">${p.productName} </h4>
                        <h5 data-v-8f9b5c8e="" title="${p.subTitle}">${p.subTitle}</h5>
                        <div data-v-8f9b5c8e="" class="item-sell"><span data-v-8f9b5c8e="" title="￥${p.actualPrice}" class="span1">￥${p.actualPrice}
            </span> <span data-v-8f9b5c8e="" title="￥${p.originalPrice}" class="span2">￥${p.originalPrice}
            </span></div>
                    </a></li>
                    </#list>

                </ul>
            </div>
        </div>
    </section>
<#--==========================================================================================-->
 <#--   <section data-v-e0bf63ba="" class="main-wrap" style="position: static;">

        <div data-v-e0bf63ba="" class="block-top fn-clear">
            <h4 data-v-e0bf63ba="" class="block-title">积分专区</h4> <!--&ndash;&gt;
        </div>
    &lt;#&ndash;这是一个模块&ndash;&gt;
        <div data-v-e0bf63ba="" class="block-middle fn-clear">

            <div data-v-e0bf63ba="" class="block-plate-0">
                <a data-v-e0bf63ba="" href="https://mall.ctrip.com/list?categoryID=-2" class="">
                    <div data-v-e0bf63ba="" class="block-more">
                        <span data-v-e0bf63ba="">查看全部</span>
                    </div>
                </a>
            </div>

            <ul data-v-e0bf63ba="" class="block-content">
&lt;#&ndash;第一个模块循环&ndash;&gt;
                    <#list pp as p><li data-v-0f180bea="" data-v-e0bf63ba="" class="product-wrap"><a data-v-0f180bea="" target="_blank" href="https://mall.ctrip.com/productDetail?productID=27021"><!--&ndash;&gt;
                        <div data-v-0f180bea="" class="product-img">
                            <div data-v-0f180bea="" class="img-wrap-square">
                                <img data-v-0f180bea="" src="./goldIndex_files/730d11000000r61bh0DBC_R_400_400.jpg">
                            </div>
                        </div>
                        <div data-v-0f180bea="" class="product-tag">
                            <span data-v-0f180bea="" class="tag tag-default">3700分兑换</span>
                        </div>
                        <div data-v-0f180bea="" class="product-title">
                            <span data-v-0f180bea="" class="symbol">自营</span> <h4 data-v-0f180bea="">携程优品 时尚加厚升级款防水防滑雨鞋套 TRIP系列</h4>
                        </div>
                        <div data-v-0f180bea="" class="product-price"><span data-v-0f180bea="" title="￥15" class="span1">￥15</span> <span data-v-0f180bea="" title="￥19" class="span2 cut">￥19</span> <!--&ndash;&gt;
                        </div>
                    </a>
                    </li></#list>
            </ul>
        </div>

        <div class="el-loading-mask" style="display: none;">
            <div class="el-loading-spinner">
                <svg viewBox="25 25 50 50" class="circular">
                    <circle cx="50" cy="50" r="20" fill="none" class="path">

                    </circle>
                </svg><!--&ndash;&gt;</div>
        </div>
    </section>-->
<#--============================================================================================================================================================-->
    <#--<div style="background:url(/1080.jpg); height:200; width:200;">-->
<#list data as vo>
    <section data-v-e0bf63ba="" class="main-wrap">
        <div data-v-e0bf63ba="" class="block-top fn-clear"><h4 data-v-e0bf63ba="" class="block-title">${vo.goldProductType.name!}人气TOP8</h4>
            <ul data-v-e0bf63ba="" class="block-tap">
                <li data-v-e0bf63ba="" class="active">热卖</li>
                <#list vo.goldProductType.childType as c>
                <li data-v-e0bf63ba="" class=""><a data-v-e0bf63ba="" target="_blank"
                                                   href="/gold/productType?productTypeId=${vo.goldProductType.id}&typeId=${c.id}&type=2&orderBy=1">${c.name}</a>
                </li>
                </#list>
            </ul>
        </div>
        <div data-v-e0bf63ba="" class="block-middle fn-clear" >
            <div data-v-e0bf63ba="" class="block-plate"
                 style="background-image: url('${vo.goldProductType.coverUrl}');">
                <a data-v-e0bf63ba="" href="/gold/productType?currentPage=1&productTypeId=${vo.goldProductType.id}&typeId=-1&type=1&orderBy=1" class="">
                    <div data-v-e0bf63ba="" class="block-more"><span data-v-e0bf63ba="">查看全部</span></div>
                </a></div>
            <ul data-v-e0bf63ba="" class="block-content">
                <#list vo.top8 as t><li data-v-0f180bea="" data-v-e0bf63ba="" class="product-wrap"><a data-v-0f180bea="" target="_blank" href="/gold/goldDetail?productId=${t.id}"><!---->
                    <div data-v-0f180bea="" class="product-img">
                        <div data-v-0f180bea="" class="img-wrap-square">
                            <img data-v-0f180bea="" src="${t.oneCoverUrl}">
                        </div>
                    </div>
                    <div data-v-0f180bea="" class="product-tag">
                        <span data-v-0f180bea="" class="tag tag-default">${t.convertGoldNum}积分兑换</span>
                    </div>
                    <div data-v-0f180bea="" class="product-title">
                        <span data-v-0f180bea="" class="symbol">自营</span> <h4 data-v-0f180bea="">${t.productName} ${t.subTitle}</h4>
                    </div>
                    <div data-v-0f180bea="" class="product-price"><span data-v-0f180bea="" title="￥${t.actualPrice}" class="span1">￥${t.actualPrice}</span> <span data-v-0f180bea="" title="￥${t.originalPrice}" class="span2 cut">￥${t.originalPrice}</span> <!---->
                    </div>
                </a>
                </li></#list>

            </ul>
        </div>
    </section>
    </#list>
   <#-- </div>-->
    <div data-v-0ca8510d="" class="right-wrap">
        <ul data-v-0ca8510d="" class="right-list" style="display: none;">
            <li data-v-0ca8510d="" class="">积分专区</li>
            <li data-v-0ca8510d="" class="">日用</li>
            <li data-v-0ca8510d="" class="">箱包</li>
            <li data-v-0ca8510d="" class="">户外</li>
            <li data-v-0ca8510d="" class="">个护</li>
            <li data-v-0ca8510d="" class="">数码</li>
            <li data-v-0ca8510d="" class="">车品</li>
            <li data-v-0ca8510d="" class="">服饰</li>
            <li data-v-0ca8510d="" class="">伴手礼</li>
            <li data-v-0ca8510d="" class="">权益</li>
        </ul>
        <div data-v-0ca8510d="" class="right-opt" style="display: none;"><a data-v-0ca8510d="" title="回到顶部"><i
                data-v-0ca8510d="" class="icon-top"></i></a> <span data-v-0ca8510d=""><a data-v-0ca8510d=""><i
                data-v-0ca8510d="" class="icon-qr"></i></a> <div data-v-0ca8510d="" class="right-qr-wrap"><h5
                data-v-0ca8510d="">手机上优品 购物更优惠</h5> <img data-v-0ca8510d="" src="./goldIndex_files/h5index.png"
                                                         class="right-qr-img"></div></span></div>
    </div>
</div>
<script>
    // var keywords = ["周杰伦", "周杰伦新专辑", "周杰伦等你下课", "陈奕迅", "陈奕迅演唱会", "陈奕迅歌手",
    //     "陈奕迅王菲","前端","前端开发","前端入门到放弃","前端要学什么","周润发","周润发赌神","周润发澳门风云","周末双休是国家规定吗","super junior",
    //     "JavaScript","Java","super junior成员","super junior成员强仁","super junior成员金英云","A short journey"];

    // 获取文本框，按钮和列表
    var txt=document.getElementById("txt");
    var search=document.getElementById("search");
    var kw=document.getElementById("keywords");
    $(function(){
        $("input[id='txt']").bind('input propertychange',function(){
            kw.innerHTML="";  //每一次匹配数据前，先把列表清空，如果不清空会导致每一次获取的内容都叠加显示在列表上
            //console.log(1);
            if(this.value){ //文本框里有输入内容时才进行数据匹配和显示
                //这里要发请求去查询后台进行es查询
                $.get("/gold/search",{content:this.value},function (data) {
                    var keywords=data;
                    console.log();
                    if(data){
                        for(var i=0;i<keywords.length;i++){  //遍历数组里的所有内容
                            //如果文本框输入的字符或字符串能匹配到数组元素的字符串，就创建一个li标签，把数组的这个元素当成li标签的内容展示出来
                            console.log(99);
                            var li=document.createElement("li");
                                li.innerHTML=keywords[i];
                                $(li).css('background-color','#0dbf8c');
                                kw.style.display="block";
                                kw.appendChild(li);

                                //给新创建的每一个li标签注册一个鼠标移入和移出事件
                                li.onmouseover= function () {
                                    this.defaultColor=this.style.backgroundColor; //定义一个defaultColor属性来存储li标签本来的背景颜色
                                    this.style.backgroundColor="#F1F1F1";
                                };

                                li.onmouseout= function () {
                                    this.style.backgroundColor=this.defaultColor;
                                };
                                // 给新创建的每一个li标签注册一个点击事件
                                li.onclick= function () {
                                    // console.log(txt.value);
                                    // var keyword = txt.value;
                                    // $('#keyword').val(keyword);
                                    // $('#searchForm').submit();
                                    //
                                    //
                                    //
                                     txt.value=this.innerHTML; //将点击的列表内容显示到文本框
                                    document.location.href="/gold/keywordSearch?keyword="+txt.value;

                                };
                        }
                    }
                })
            }
        })
    });

    document.documentElement.onclick= function () {
        kw.innerHTML="";
        kw.style.display="none";
    }

$('#search').click(function () {
    var txt = $('#txt').val();
    document.location.href="/gold/keywordSearch?keyword="+txt;


});

</script>

    <#include "../common/footer.ftl">
</body>

</html>